<template>
	<view class="title" :style="{'border-left':`${borderSize} ${borderColor} solid`,'font-size':`${fontSize}`} ">
		<text>{{title}}</text>
	</view>
</template>

<script>
	export default {
		// props:['title'],
		props: {
			title: {
				default: "测试",
				type: String
			},
			borderColor: {
				default: "#2e586b",
				type: String
			},
			borderSize: {
				default: "8rpx",
				type: String
			},
			fontSize: {
				default: "32rpx",
				type: String
			},
		}
	}
</script>

<style lang="scss">
	.title {
		border-left: 8rpx solid $color-blue;
		
		margin: 30rpx 0;

		>text {
			margin-left: 20rpx;
		}
	}
</style>